<template>
  <div id="detail-recomment">
    <div class="title">热门推荐</div>
    <good-list>
      <good-item
        v-for="(item,index) in detailRecomment"
        :columns="3"
        :key="index"
        :img="item.image"
        :iid="item.item_id"
        :title="item.title"
        :price="item.price"
        :cfav="item.cfav"
        @imgLoad="imgLoad"
      ></good-item>
    </good-list>
  </div>
</template>

<script>
import GoodList from "components/content/goodList/GoodList";
import GoodItem from "components/content/goodList/GoodItem";
export default {
  name: "DetailRecomment",
  components: {
    GoodList,
    GoodItem,
  },
  props: {
    detailRecomment: {
      type: Array,
      default: () => [],
    },
  },
  methods:{
    imgLoad(){
      this.$emit('imgLoad')
    }
  }
};
</script>

<style scoped>
.title {
  margin: 15px 5px;
}
</style>